<template>
	<view class="comAll">
		<view class="title">
			<text>发货信息</text>
		</view>
		<view class="content">
			<view>
				<text class="contentLeft" v-if="info.distribution_type === 'distribution'">车牌号码</text>
				<text class="contentLeft" v-else>快递单号</text>
				<text class="contentRight">{{info.code ? info.code : '--'}}</text>
			</view>
			<view>
				<text class="contentLeft">发货负责人</text>
				<text class="contentRight">{{info.principal ? info.principal : '--'}}</text>
			</view>
			<view :class="info.supplier_address ? '' : lastView">
				<text class="contentLeft">负责人联系方式</text>
				<text class="contentRight">{{info.phone ? info.phone : '--'}}</text>
			</view>
			<view class="lastView" v-if="info.supplier_address">
				<text class="contentLeft">退货地址</text>
				<text class="contentRight">{{info.supplier_address ? info.supplier_address : '--'}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			info:Object,
		},
		data() {
			return {}
		}
	}
</script>

<style scoped>
	.comAll{
		background-color:#FFF;
		border-radius: 10upx;
		padding: 33.33upx 40upx;
	}
	.title{
		font-size: 24upx;
		color:#333333;
		font-weight: bold;
		margin-bottom: 33.33upx;
	}
	.content view{
		display: flex;
	}
	.content text{
		font-size: 24upx;
		color:#626262;
		width:50%;
		display: inline-block;
		margin-bottom: 15upx;
	}
	.lastView text{
		margin-bottom: 0 !important;
	}
	.contentLeft{
	}
	.contentRight{
	}
</style>
